<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <title></title>
    <script type="text/javascript" src="../../js/commonCss.js"></script>
    <link rel="stylesheet" type="text/css" href="../../styles/common.css" />
</head>
<body>
    <div class="definewidth">
        <button type="button" class="btn btn-success top-back" id="backbtn">返回</button>
        <h2 style="text-align: center" id="title"></h2>
        <form class="form" id="costEstimateForm">
            <p>收款计划：</p>
            <table class="table table-bordered table-hover m10">
                <tr>
                    <th>预计收款类型<span style="color: red">*</span></th>
                    <th>预计开票日期<span style="color: red">*</span></th>
                    <th>预计开票金额<span style="color: red">*</span></th>
                    <th>税率(%)</th>
                    <th>预计收入金额</th>
                    <th>预计收款日期<span style="color: red">*</span></th>
                    <th>分摊类型<span style="color: red">*</span></th>
                    <th>分摊比例(%)<span style="color: red">*</span></th>
                    <th>分摊金额</th>
                    <th>备注</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td>
                        <select name="paymentType" id="paymentType" class="form-control"></select>
                    </td>
                    <td>
                        <input type="text" class="form-control" value="" id="billingDate" name="billingDate">
                    </td>
                    <td>
                        <input type="number" class="form-control" id="billingAmount" name="billingAmount" placeholder="0.00">
                    </td>
                    <td>
                        <input type="text" class="form-control" id="taxRate" name="taxRate" readonly>
                    </td>
                    <td>
                        <input type="text" class="form-control" id="noTaxPayment" name="noTaxPayment" readonly>
                    </td>
                    <td>
                        <input type="text" class="form-control" value="" id="planPaymentDate" name="planPaymentDate">
                    </td>
                    <td>
                        <select name="allocationType" id="allocationType" class="form-control"></select>
                    </td>
                    <td>
                        <input type="number" class="form-control" id="allocationRatio" name="allocationRatio">
                    </td>
                    <td>
                        <input type="text" class="form-control" id="allocationAmount" name="allocationAmount" data-toggle="tooltip" data-placement="right" title="开票金额 * 分摊比率" readonly>
                    </td>
                    <td>
                        <input type="text" class="form-control" value="" id="remark" name="remark" maxlength="120" placeholder="120字以内">
                    </td>
                    <td>
                        <button type="button" class="btn btn-default" id="add">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true" style="color: #5cb85c"></span>
                        </button>
                    </td>
                </tr>
            </table>
        </form>
        <table id="table" class="table table-bordered table-hover m10"></table>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" id="changeModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">记录作废</h4>
                </div>
                <div class="modal-body">
                    <form class="form-inline" id="changeForm">
                        <div>
                            <label for="changeRemark" style="margin-right: 10px">备注</label>
                            <textarea class="form-control" style="width: 80%" id="changeRemark" rows="5" name="changeRemark" placeholder="请输入120字以内的备注"  maxlength="120"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveChange">保存</button>
                    <button type="button" class="btn btn-success" id="hideChange">返回</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div class="modal fade" tabindex="-1" role="dialog" id="finishModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">完成开票</h4>
                </div>
                <div class="modal-body">
                    <form class="form-inline" id="finishForm">
                        <div style="margin-bottom:10px">
                            <label for="realBillDate" style="margin-right:10px">实际开票日期<span style="color: red">*</span></label>
                            <input type="text" class="form-control" value="" name="realBillDate" id="realBillDate">
                        </div>
                        <div>
                            <label for="finishRemark" style="margin-right: 10px">备注</label>
                            <textarea class="form-control"  style="width: 80%" id="finishRemark" rows="5" name="finishRemark" placeholder="请输入120字以内的备注"  maxlength="120"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveFinish">保存</button>
                    <button type="button" class="btn btn-success" id="hideFinish">返回</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <script src="../../js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../../libs/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../libs/bootstrap-table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../../libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../../libs/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="../../libs/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    <script type="text/javascript" src="../../js/common.js"></script>
    <script type="text/javascript" src="../../js/validateform.js"></script>
    <script type="text/javascript" src="../../js/formatTime.js"></script>
    <script type="text/javascript" src="paymentPlan.js"></script>
    <script type="text/javascript" src="../../assets/js/bui.js"></script>
    <script type="text/javascript" src="../../assets/js/config-min.js"></script>
    <script type="text/javascript">
        BUI.use('common/page');
    </script>
</body>
</html>